.px2rem(@name,@px){
    @{name}: @px / 75px * 1rem
}
body{
    background: #f0f0f0;
}
.header{
    z-index: 90;
    width: 100%;
    .px2rem(height,300);
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    .px2rem(margin-bottom,30);
    color: white;
    background: #0bb59a;
    p:nth-child(1){
        width: 20%;
        img{
            width: 20%;
        }
    }
    p:nth-child(2){
       .px2rem(font-size,100)
    }
    p:nth-child(3){
       width: 20%;
       display: flex;
       justify-content: flex-end;
       align-items: center;
        img{
            .px2rem(padding-right,120);
            width: 40%;
        }
    }
}
.paihang{
    z-index: 60;
    .px2rem(margin-top,300);
    background: white;
    width: 100%;
    .px2rem(padding-top,60);
    .px2rem(padding-bottom,60);
    display: flex;
    justify-content: space-around;
    align-items: center;
    dl{
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        dt{
            width: 16%;
            img{
                width: 100%;
            }
        }
        dd{
            
            .px2rem(padding-left,60);
            .px2rem(line-height,90);
            p:nth-child(2){
                .px2rem(font-size,30);
                color: #a0a0a0;
            }
            p:nth-child(3){
                .px2rem(width,100);
                .px2rem(height,100);
                .px2rem(line-height,100);
                background: #ffa61c;
                color: white;
                border-radius: 50%;
                text-align: center;
                position: absolute;
                .px2rem(left,120);
                .px2rem(top,120);
            }
        }
    }
}
.number_2{
    .px2rem(margin-top,10);
    dl{
       dd{
            p:nth-child(3){
                background: #90aac5;
            }  
        } 
    }
    
    
}
.number_3{
    .px2rem(margin-top,10);
    dl{
       dd{
            p:nth-child(3){
                background: #be642f;
            }  
        } 
    }  
}
.number_you{
    z-index: 90;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    color: white;
    background: #fe9446;
    dl{   
        dt{
            .px2rem(width,200);
            .px2rem(height,200);
            border-radius:50% ;
            overflow: hidden;
        }  
        dd{ 
            p:nth-child(2){
                color: white;
            }
            
        }
    }
    div{
        float: right;
    }
}
